@media screen and (max-width:950px) {
    .gxHead {
        display: block;

    }

    .nav-height {
        display: block;
    }

    .nav {
        display: none !important;
    }

    .swiper-container {
        margin-top: 70px;
    }
    
    .zflogo {
        width: 60%;
    }

    #swiper-notice {
        margin-left: 0px !important;
    }

    .crumbs-nav span {
        line-height: 20px;
    }

    .gxHead .logo {
        width: 25%;
        margin-top: 0px;
    }

    #swiperContainer .swiper-pagination {
        display: none;
    }

    .notice1 {
        display: none;
    }

    .section .wrapper {
        height: auto;
        min-height: unset;
        width: 96%;
        flex-wrap: wrap;
    }

    .page2 .wrapper .left {
        width: 100%;
    }

    .page2 .wrapper .right {
        width: 100%;
    }

    .page2 .title {
        padding: 0px;
        margin-bottom: 20px;
    }

    .title .cn-name {
        font-size: 18px;
    }

    .title .en-name {
        font-size: 14px;
    }

    .title .more {
        font-size: 12px;
    }

    .page2 .list .item a {
        display: flex;
        flex-wrap: wrap;
    }

    .page2 .list .active .left {
        width: 100%;
        height: fit-content;
    }

    .page2 .list .active {
        height: auto;
        border-radius: 10px;

    }

    .section .wrapper {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .page2 .wrapper .right {
        margin-top: 30px;
    }

    .page2 .list .item .right .news-title {
        font-size: 16px;
        width: 80%;
        line-height: unset;
    }

    .page2 .list .item .right .time {
        font-size: 12px;
    }

    .page2 .list .active .right .news-title {
        font-size: 16px;
        line-height: unset;
        margin-bottom: 12px;
    }

    .page2 .list .active .right p {
        line-height: unset;
        font-size: 14px;
        margin-bottom: 10px;
    }

    .page2 .list .active .left {
        height: 250px;
    }

    .page2 .list .active .right .time {
        font-size: 12px;
    }

    .page2 .list .active .right .handle {
        display: none;
    }

    .page2 .list .item a {
        width: 100%;
        height: 100%;
    }

    .page2 .list .active .right {
        margin-top: 0px;
    }

    .page2 .list .item .right {
        /* margin-top: 15px; */
    }

    .page2 .info {
        padding-top: 30px;
    }

    .page2 .info .tabs {
        margin-bottom: 30px;
    }

    .page2 .info .tabs .tab {
        width: 60px;
        height: 30px;
        border-radius: 15px;
        font-size: 18px;
        line-height: 30px;
    }

    .page2 .info .info-list .item {
        margin-bottom: 15px;
    }

    .page2 .info .info-list .item p {
        font-size: 16px;
        line-height: 30px;
        font-family: 微软雅黑;
    }

    .page2 .info .info-list .item .time {
        font-size: 14px;
    }

    .page3 .left {
        width: 100%;
    }

    .page3 .left .img-wrapper {
        margin-top: 0px;
    }

    .page3 .right {
        width: 100%;

    }

    .page3 .page3-title .cn-name {
        font-size: 18px;
        line-height: 30px;
        letter-spacing: 2px;
    }

    .page3 .right .item {
        margin-top: 15px;
    }

    .page3 .right .item h1 {
        font-size: 18px;
    }

    .page3 .right .item h5 {
        font-size: 16px;
        margin-top: 10px;
    }

    .img-wrapper {
        width: 90%;
    }

    .img-wrapper img {
        /* width: 90%; */
        height: auto;
    }

    .page3 .page3-title .en-name {
        font-size: 12px;
        line-height: 12px;

    }

    .page3 .right .active {
        width: 97%;
        height: 140px;
        margin: 0 auto;

    }

    .page3 .right .active .right h1 {
        font-size: 18px;
        line-height: unset;
    }

    .page3 .right .active .right h5 {
        font-size: 14px;
        line-height: unset;
    }

    .page3 .right .active .right p {
        font-size: 14px;
        line-height: unset;
    }

    .page3 .right .active .right a {
        width: 60px;
        height: 26px;
        line-height: 26px;
        font-size: 12px;
    }

    .page3 .right .active .left {
        width: 30px;
        height: 70px;
        font-size: 12px;
    }

    .page3 .more {
        width: 100px;
        height: 30px;
        border-radius: 15px;
        font-size: 12px;
        line-height: 30px;

    }

    .page5 .wrapper .goods .img {
        width: 100%;
        height: 200px;
    }

    .page5 .wrapper .goods h1 {
        font-size: 16px;
    }

    .page5 .wrapper .goods p {
        font-size: 14px;
    }

    #section6 .wrapper .left {
        width: 100%;
    }

    #section6 .wrapper .right {
        width: 100%;
    }

    #section6 .left p {
        font-size: 14px;

    }

    #section6 .wrapper .right {
        margin-top: 20px;
        flex-wrap: wrap;
    }

    #section6 .wrapper .right .code {
        margin-right: 20px;
    }

    #section6 .wrapper .right .code p {
        font-size: 12px;
    }

    #section6 .wrapper .right .code img {
        width: 80px;
        height: 80px;
    }

    #section6 center p {
        font-size: 12px;
    }

    .mall-container {
        width: 100%;
        overflow: hidden;
        padding-top: 80px;
    }

    .mall-container .layui-form .layui-col-md1 {
        width: 65%;
        margin-bottom: 12px;
    }

    .mall-container .goods-show {
        flex-wrap: wrap;
        height: auto;
        margin-top: 0px;
    }

    .mall-container .goods-show .left {
        order: 2;
        width: 100%;
        height: auto;
        margin: 20px 0px;
    }

    .mall-container .goods-show .middle {
        order: 1;
        width: 100%;
    }

    .mall-container .goods-show .right {
        order: 3;
        width: 100%;
        height: auto;
    }

    .mall-container .goods-show .middle .swiper-container {
        margin-top: 20px;
        width: 100%;
        height: 350px;
    }

    .mall-container .select-handle {
        padding: 11px;
        height: auto;
    }

    .mall-container .select-handle .layui-form {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    /* .mall-container .select-handle .layui-form .layui-col-md1 {
        width: 33%;
    } */

    .mall-container .select-handle .layui-form .choose2 {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 12px;

    }

    .mall-container .select-handle .layui-form .choose3 {
        margin-right: 0px;
        width: 48%;
    }

    .mall-container .select-handle .layui-form .choose2 .layui-input-group {
        width: 100%;
    }

    .goods-show .left #demo-menu {
        width: 40%;
    }

    .mall-info {
        flex-wrap: wrap;
    }

    .mall-info .info-wrapper {
        width: 100%;
    }

    .mall-info .info-wrapper .right {
        width: auto;
    }

    .mall-container .record-list ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .mall-container .gys ul {
        width: 100%;
        flex-wrap: wrap;
    }

    .mall-container .gys ul li {
        width: 100%;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .mall-container .gys ul li a {
        display: block;
        width: 100%;
        height: 100%;
    }

    .mall-container .gys ul a img {
        width: 100%;
        height: 240px;
    }

    .mall-container .goods {
        /* display: flex; */
        flex-wrap: wrap;
    }

    .mall-container .goods .title {
        font-size: 20px;
        padding: 0px;
        font-weight: 600;
    }

    .goods-container ul li .goods .desc {
        margin: 0;
    }

    .goods-business .business .cell .value {
        line-height: 28px;
    }

    .goods-container ul li .goods .desc .title {
        margin: 15px 0px;
    }

    .goods-container ul li .handle div button {
        width: 48%;
    }

    .mall-container .select-handle .layui-btn {
        width: 100%;
        text-align: left;
        margin-right: 0px;
    }

    .mall-container .country-goods li {
        width: 100%;
        max-width: unset;
        margin: 0;
        margin-bottom: 20px;
    }

    .country-goods ul li .price {
        font-size: 24px;
        font-weight: 600;
    }

    .country-goods ul li .img {
        height: 200px;
    }

    .country-goods ul li .img img {
        object-fit: cover;
    }

    .goods-business .business .cell {
        min-height: 48px;
        height: auto;
    }

    .mall-container .goods .layui-form .choose2 .layui-input-group {
        width: 100% !important;
    }

    .mall-container .goods .choose2 {
        width: 100% !important;
    }

    .goods-container ul li .goods img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .goods-container ul li {
        flex-direction: column;
    }

    .goods-container ul li .price {
        margin: 15px 0px;
    }

    .country-goods {
        width: 100% !important;
    }

    .mall-container .detail-container {
        flex-wrap: wrap;
    }

    .mall-container .detail-container .left {
        width: 100%;
        margin-right: 0px;
    }

    .mall-container .detail-container .left .layui-carousel {
        width: 100% !important;
    }

    .mall-container .detail-container .right {
        margin-left: 0px;
    }

    .goods-business {
        flex-wrap: wrap;
    }

    .goods-business .vendor {
        width: 100%;
    }


    .mall-container .right {
        width: 100%;
    }

    .meeting-container .meeting-wrapper {
        width: 100%;
        padding: 0px 15px;
        box-sizing: border-box;
        min-height: calc(100vh - 355px);
    }

    .meeting-wrapper .title {
        padding-left: 0px;
    }

    .banner {
        margin-top: 70px;
    }

    .meeting-container .layui-tab .layui-tab-title li {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    .meeting-container .layui-tab button {
        width: 100px;
        height: 40px;
    }

    .meeting-container .meeting-list li {
        margin: 0 auto;
        width: 100%;
        margin-bottom: 30px;
    }

    .meeting-container .meeting-list li a .img {
        width: 100%;
    }

    .meeting-container .meeting-list li:nth-child(3n) {
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .meeting-container .meeting-detail {
        margin-top: -66px;
    }

    .meeting-container .meeting-detail .detail-info {
        width: 100%;
        flex-wrap: wrap;
        height: auto;
        padding: 15px;
    }

    .meeting-container .meeting-detail .detail-info .left {
        width: 100%;
        margin-right: 0px;
        height: auto;
    }

    .meeting-container .meeting-detail .detail-info .right {
        margin-top: 20px;
    }

    .meeting-container .meeting-detail .detail-info .right .title {
        margin: 20px 0px;
    }

    .meeting-container .meeting-detail .detail-info .right .cell {
        margin: 15px 0px;
    }

    .detail-itr .title .lf {
        font-size: 18px;
    }

    .meeting-container .meeting-info .layui-tab .layui-tab-title .layui-this {
        line-height: 54px;
    }

    .agenda .cell1 {
        width: 100%;
    }

    .detail-itr .right {
        width: 100%;
        margin-top: 30px;
    }

    .detail-itr .right .top {
        width: 100%;
    }

    .detail-itr .right .middle {
        width: 100%;
    }

    .detail-itr .right .bottom {
        width: 100%;
    }

    .agenda .cell1 .label {
        width: 100% !important;
    }

    .meeting-info .more {
        width: 80%;
    }

    .meeting-info {
        width: 100%;
    }

    .detail-itr {
        flex-wrap: wrap;
    }

    .detail-itr .left {
        width: 100%;
    }

    .detail-itr .left .top {
        width: 100%;
        padding: 15px;
    }

    .detail-itr .title .lf::after {
        top: 5px;
    }

    .meeting-container .meeting-info .layui-tab .layui-tab-title .layui-this {
        width: 100px;
        height: 40px;
        line-height: 40px;
    }

    .live-wrapper .wrapper {
        width: 100%;
    }

    .live-wrapper .wrapper ul li {
        width: 90%;
        height: 300px;
        margin: 10px auto;
    }

    .live-wrapper .wrapper ul li a .img {
        height: 220px;
    }

    .live-wrapper .wrapper ul li:nth-child(4n) {
        margin: 10px auto;
    }

    .training .handle .ipt {
        width: 60%;
    }

    .training .handle .search h2 {
        font-size: 18px;
        margin-right: 20px;
    }

    .training .handle .ipt form {
        width: 100%;
    }

    .training .handle .region .value .item {
        margin-right: 10px;
    }

    .training .wrapper .liveAll li {
        height: 350px;
    }

    .training .wrapper .liveAll li a {
        flex-direction: column;
    }

    .training .wrapper .liveAll li a .img {
        width: 100%;
        height: 190px;
    }

    .training .wrapper .liveAll li a .content {
        margin-left: 0px;
    }

    .training .handle {
        padding: 20px 5px;
    }

    .jmzx .live-wrapper .handle .layui-tab>div {
        flex-wrap: wrap;

    }

    .jmzx .live-wrapper .handle .layui-tab>div .ipt {
        width: 100%;
        margin-top: 30px;
    }

    .jmzx .layui-tab-content .layui-tab-item {
        margin-top: 20px;
    }

    .jmzx .layui-tab-content .layui-tab-item .value {
        flex-wrap: wrap;
    }

    .jmzx .layui-tab-content .layui-tab-item .labal {
        white-space: nowrap;

    }

    .live-wrapper .wrapper ul {
        box-sizing: border-box;
        padding: 0px 10px;
        margin-top: 10px !important;
    }

    .banner-title {
        font-size: 35px;
        left: 33%;
        top: 30%;
    }

    .sffw .title .left-line,
    .sffw .title .right-line {
        width: 28%;
    }

    .sffw .title {
        padding: 0;
    }

    .sffw .ssrz-list li {
        margin: 10px auto;
        width: 100%;
    }

    .sffw .title:nth-of-type(2) {
        padding: 0px 20px;
    }

    .sffw .ssrz-list li:nth-child(4n) {
        margin: 10px auto;

    }

    .sffw .flfw li {

        margin: 10px auto;
        width: 92%;
        border-radius: 12px;
        height: 200px;
    }

    .sffw .flfw li:nth-child(4n) {
        margin: 10px auto;

    }

    .sffw .flfw li a .img {
        width: 100px;
        height: 100px;
        border-radius: 50px;
    }

    .sffw .flfw li a .img img {
        height: 50px;
    }

    .banner .introduce {
        width: 100%;
        left: 3vw;
        top: 22%;
    }

    /* .introduce:has(> .banner){
        height: 11.8rem;
    } */
    .about .wrapper {
        width: 100%;
        box-sizing: border-box;
        padding: 0px 4%;
    }

    .live-wrapper .wrapper .header .navleft {
        width: 100%;
    }

    .about .about-info {
        flex-wrap: wrap;
    }

    .about .about-info .right {
        margin-left: 0px;
    }

    .page5 {
        height: auto;
    }



    .aside-wrapper {
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.5);
        height: 100vh;
        overflow: hidden;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

    .aside {
        position: absolute;
        left: -100%;
        z-index: 9999;
        transition: 1s;
        width: 60%;
        height: 100%;
        /* border: 1px solid red; */
        top: 0;
    }

    .user-avatar {
        position: relative;
        z-index: 2;
    }

    .layui-nav {
        position: relative;
        z-index: 2;
    }

    .user-center {
        width: 100%;
        margin: 50px auto;

    }

    .user-avatar {
        width: 100%;
        height: 60px;
        font-size: 14px;
    }

    .user-center .main {
        width: 100%;
        margin-top: 20px;
    }

    .aside .layui-nav-tree .layui-nav-item>a {
        font-size: 14px;
    }

    .aside .layui-nav-tree .layui-nav-item img {
        width: 16px;
        height: 16px;
    }

    .aside .layui-nav-tree .layui-nav-child a {
        font-size: 12px;
    }

    .user-avatar .img {
        width: 40px;
        height: 40px;
        border-radius: 20px;
        line-height: 40px;
    }

    .gxHead .logo img {
        width: auto;
        height: 100%;
    }

    .user-center .main .layui-panel .header {
        font-size: 14px;
        padding: 15px;
    }

    .data-total {
        flex-wrap: wrap;
    }

    .data-total li {
        width: 48%;
        height: 80px;
        margin-bottom: 10px;
    }

    .data-total li>div {
        font-size: 16px;
    }

    .data-total li div:nth-child(2) {
        margin-top: 10px;
    }

    .data-total li h2 {
        font-size: 18px;
    }

    .data-total li div:nth-child(2) button {
        width: 100px;
        height: 30px;
        font-size: 14px;
    }

    .user-center .main .title {
        font-size: 16px;
        padding: 10px 0px 10px 10px;
    }

    .user-center .main .title::after {
        height: 15px;
        top: calc(50% - 10px);
        width: 4px;
    }

    .user-center .main .layui-panel .header {
        font-size: 14px;
    }

    .layui-tab-brief .inbox-handle button {
        width: 60px !important;
        height: 40px !important;
    }

    .inbox-handle {
        height: 40px;
    }

    .inbox-handle button {
        height: 100%;
    }

    .user-center .main .layui-panel .cell .label {
        width: 80px;
        font-size: 14px;
        flex-shrink: 0;
        margin-right: 10px;
        text-align: right;
    }
   .user-center .main .layui-panel .cell .notice2{
        width: 120px;
        height: 30px;
        flex-shrink: 0;
    }
       .user-center .main .layui-panel .cell .notice2 img{
        width:10px !important;
        height:10px !important;
        } 
    .user-center .main .layui-panel .cell .value input {
        width: 200px;
        height: 30px;
        font-size: 14px;
    }
  form  .value button {
        width: 80px !important;
        border-radius: 10px;
        height: 30px !important;
    }
    form .file-cell .value button {
        width: 120px !important;
        border-radius: 10px;
        height: 30px !important;
    }
    
    form  .value button img{
        width: 20px !important;
        height: 20px !important;
    }
    .user-center .main .cell .save {
        /* width: 90px; */
        height: 30px;
        width: auto !important;
        box-sizing: border-box;
        padding: 0px 20px;
    }

    form .value textarea {
        width: 200px;
        font-size: 14px;
    }

    form .layui-tab-content .layui-tab-item .value .item {
        padding: 0px 10px;
    }

    .user-center .main .cell select {
        width: 90px;
        height: 30px;
    }

    .user-center .main .layui-panel .avatar img {
        width: 30px;
        height: 30px;
    }

    .register-main {
        width: 100%;
        margin-top: 60px;
        margin-bottom: 30px;
        height: auto;
        padding-bottom: 30px;
        flex-wrap: wrap;
    }

    .register-form .left .cell .label {
        font-size: 14px;

    }

    .register-form .left {
        width: 100%;
    }

    .register-form .right .tel {
        font-size: 14px;
    }

    .register-form .right .tel span {
        font-size: 16px;
    }

    .register-form .left .cell .value {
        height: 30px;
    }

    .register-form {
        margin-top: 20px;
    }

    .collect .layui-tab-title li {
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }

    .ppage {
        flex-wrap: wrap;
    }

    .ppage a {
        flex-shrink: 0;
    }

    .title {
        box-sizing: border-box;
        padding: 0px 10px;
    }

    .search .user-list li a {
        color: #000;
    }

    .login-main {
        margin-top: calc(70px - 1rem);
        min-height: calc(100vh - 355px - 70px);
        background-position: center;
        background-size: auto;
        overflow: hidden;
        height: 100%;
    }

    .login-main .login-form {
        width: 94%;
        height: auto;

        left: 0;
        top: 0;
        position: relative;
        margin: 50px auto;
        padding: 25px 15px;

    }

    .login-form .title {
        font-size: 20px;
        margin-bottom: 40px;
    }

    .login-form .title a {
        font-size: 20px;

    }

    .login-form .cell .label {
        font-size: 16px;
    }

    .login-form .cell {
        margin-bottom: 20px;
    }

    .login-form .cell .value input {
        width: 100%;
        font-size: 16px;
        height: 40px;
    }

    .login-form .cell .value input::placeholder {
        font-size: 16px;
    }

    .login-form .cell .label {
        height: 25px;
    }

    .login-form .handle a {
        font-size: 16px;
    }

    .login-form button {
        height: 40px;
        font-size: 18px;
        margin-top: 30px;
    }

    .login-form .isCode {
        font-size: 16px;
        margin-top: 20px;
    }

    .login-form .cell .value .sendMsg {
        font-size: 16px;
        margin-top: 5px;
    }

    .register-main {
        min-height: calc(100vh - 60px);
        background-size: 100%;
        background-position: center;
        background-repeat: repeat-y;
        /* height: 100%; */
    }

    .register-form {
        flex-wrap: wrap;
    }

    .goods-business .goods-change {
        width: 100%;
    }

    .goods-change .layui-tab-item div {
        width: 100% !important;
    }

    .register-form .right {
        width: 100%;
    }

    .register-form .left .cell {
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 15px;
    }

    .register-form .left .cell .label {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .register-form .left {
        width: 100%;
    }

    .register-form .left .cell .value {
        width: 100%;
        height: 40px;
    }

    .register-form .left .cell .value input {
        width: 100%;
    }

    .register-form .left .cell input[type="checkbox"] {
        width: 20px;
        height: 20px;
    }

    .register-form form {
        width: 100%;
    }

    .register-form .left .code input {
        width: 70% !important;
    }

    .register-form .left .code button {
        height: 40px !important;
    }

    .register-form .left .cell .rule {
        font-size: 16px;
    }

    .register-form .right h4 {
        font-size: 16px;
    }

    .register-form .right h5 {
        font-size: 14px;
    }

    .register-form .right button {
        width: 140px;
        height: 40px;
    }

    .goods-show .right ul li a .rg {
        box-sizing: border-box;
        padding-bottom: 10px;
    }

    .mall-container .record-list {
        padding: 10px;
        /* flex-wrap: wrap; */
    }

    .mall-container .record-list .swiper-container {
        /* width: 100%; */
        margin-top: 20px;
    }

    .mall-container .record-list .swiper-slide a .lf {
        line-height: 48px;
    }

    .mall-container .record-list .swiper-slide a .rg {
        /* line-height: 48px; */
        font-size: 12px;
        white-space: nowrap;
        display: flex;
        align-items: center;
    }

    .live-container .live-wrapper .wrapper .report-list li {
        width: 100% !important;
    }

    .live-container .live-wrapper .wrapper .report-list li a {
        align-items: center;
    }

    .live-container .live-wrapper .wrapper .report-list li .content>p {
        font-size: 16px;
    }

    .live-container .live-wrapper .wrapper .report-list li .img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .live-wrapper .wrapper ul li a .title {
        padding-left: 0px;
    }

    .live-wrapper .wrapper .header {
        justify-content: start;
        padding-left: 15px;
    }

    .live-container .search {
        width: auto;
   }
   .richText .label{
    display: none;
   }
   .richTextLabel{
    display: none;
   }
   .collect .layui-tab-content .item{
    width: 100%;
    height: 330px;
   }
   .collect .layui-tab-content .item .img{
    height: 200px;
   }
   .collect .layui-tab-content .item .content span{
    font-size: 26px;
   }
   .collect .layui-tab-content .item .img .heart{
    width: 30px;
    height: 30px;
   }
   .collect .layui-tab-content .item .content .from img{
    width: 40px;
    height: auto;
   }
   .live-detail{
    margin-top: 100px;
    padding:35px 15px;
   }
   .jmzx-detail .meeting-detail .live-title{
    text-align: left;
    font-size: 22px;
   }
   .jmzx-detail .meeting-detail .time{
    text-align: left;
   }
   .live-container .wrapper .jmzx-list li .info{
    flex-wrap: wrap;
   }
   .live-wrapper .wrapper ul li:nth-child(4n){
    margin-right: 0px !important;
   }
   .detail-itr .left{
    min-height: auto;
   }
   .meeting-container .meeting-detail .detail-info .right .handle button:nth-child(2){
    width: 48%;
   }
   .meeting-info{
    padding: 15px;
   }
   .meeting-info .layui-tab-content{
    padding: 20px 0px;
   }
   .meeting-info .layui-tab-content ul li a p{
    width: 70%;
   }
   .meeting-info .layui-tab-content ul li{
    box-sizing: border-box;
   }
   .meeting-info .layui-tab-content ul li a .time{
    font-size: 15px;
   }
   .meeting-info{
    height: auto;
   }
}